iT邦幫忙

2025 iThome 鐵人賽

DAY 1
0
Modern Web

【網頁是什麼,能吃嗎】── 零基礎也能學會網頁製作系列 第 1

【Day 01】今天要來點什麼呢(文章目錄見底端)

  • 分享至 

  • xImage
  •  

tldr: 筆者的自我介紹,並寫下鐵人賽挑戰目標與規劃內容:

  1. Git、HTML5、Figma 等網頁製作工具的介紹與使用練習
  2. 基礎 CrashCourse 實作練習
  3. 專案的設計與製作

我,與我的文字

筆者是名大學生,因為還沒有什麼能讓我有自信說出:「啊!這個是我的專長」之類的話的領域,所以相較於撰寫文章教導別人,我的文字更像是在紀錄著自己的學習過程,並於這段歷程中寫下的筆記。筆者也會盡可能的將文章寫得淺顯易懂,希望能讓人快速吸收內容並能夠自己上手實作。為了方便閱讀,此次連載皆會於文章開頭加入一個 ** tldr (Too Long Didn't Read) ** 區塊,寫下文章的內容大綱與重點。

這次的規劃目標

此次的主題將會是學習基礎的網頁製作,究竟會學到哪些內容,將會根據筆者自身的學習與狀況與時間做調整,目前大致規劃如下:

  • 淺談Git,一款實用且輕量的版本規劃小工具,讓未來的專案製作更便利
  • 學習基礎的 HTML, CSS, JavaScript 等常見網頁撰寫工具的語法,並練習使用他們製作簡單的小網頁
  • 了解Figma的功能,並運用此工具進行網頁的介面設計
  • 結合以上所學的內容,嘗試設計並實作出一款專案,並實際將成品佈署至網路上,讓它能夠在任何裝置上使用

筆者認為,想要了解新的事物,實際去接觸是最快速且有效的方法,也因此在本次的連載過程中也會穿插著些CrashCourse,也就是一些簡單、手把手的教學,並從中摘錄出學習重點與可能須注意的小細節。


謝謝閱讀到這裡的你,如果有任何建議或者是想說的話,都歡迎留言分享!

文章目錄(待更新)

本次連載的文章與其重點一覽,將會隨著發出的文章更新
【Day 01】今天要來點什麼呢:介紹與規劃
【Day 02】做錯了?那就回到上個版本吧!:Git的介紹與基礎使用
【Day 03】網頁的地基與骨架 ── HTML:HTML與CSS的介紹


下一篇
【Day 02】做錯了?那就回到上個版本吧!
系列文
【網頁是什麼,能吃嗎】── 零基礎也能學會網頁製作3
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言